<!DOCTYPE html>
<html lang="en">
<head>
    <mmeta charset="UTF-8">
      <title>成都亚克茜科技</title>
      <meta name="keywords" content="网站开发,小程序开发,定制开发,微信小程序,亚克茜,亚克茜科技">
      <meta name="description" content="yakexi.com">
      <meta name="author" content="Yuming">
      <!-- <link rel="icon" href="assets/images/favicon.ico"> -->
      <link rel="stylesheet" href="assets/css/normalize.css">
      <link rel="stylesheet" href="assets/css/public.css">
      <link rel="stylesheet" href="assets/css/detail.css">
      <script src="assets/jquery-3.7.1.min.js"></script>
      <script src="assets/js/index.js"></script>
      <script src="assets/js/fastup.js"></script>
      <link rel="stylesheet" href="assets/swiper-bundle.min.css">
      <link rel="stylesheet" href="https://at.alicdn.com/t/c/font_4461241_hj68f5lsbst.css">
    </head>
<body>
  <a href="javascript:;" class="backBtn"><img src="./assets/imgs/back-top.png" alt=""></a>
  <!-- 头部导航栏 -->
    <div class="header">
      <div class="container">
        <a href="./index.html" class="logo"><img src="assets/imgs/logo.png" alt="logo.png"></a>
        <div class="nav-wrap">
          <div class="nav-item"><a href="./index.html">产品</a></div>
          <div class="nav-item servicePer">
            <a href="javascript:;">网站/小程序定制开发</a><span class="arrow"><i class="iconfont icon-arrow_down"></i></span>
            <div class="serviceUl">
              <a href="./website.html">
                <span class="icon"><img src="assets/imgs/nav-icon-pc.png" alt="nav-icon-pc.png"></span>
                <span>网站定制开发</span>
              </a>
              <a href="./miniapp.html">
                <span class="icon"><img src="assets/imgs/nav-icon-mini.png" alt="nav-icon-mini.png"></span>
                <span>小程序定制开发</span>
              </a>
            </div>	
          </div>
          <div class="nav-item fast-up"><a href="./fastup.html" class="active">成熟应用（快速上线）</a></div>
          <div class="nav-item"><a href="./example.html">案例展示</a></div>
          <div class="nav-item"><a href="./share.html">软件运营开发分享</a></div>
        </div>
        <a href="./linkus.html" class="link-wrap">
          <span>联系我们</span>
          <i class="iconfont icon-arrow_right"></i>
        </a>
      </div>
    </div>
    <!-- 轮播图 -->
    <div class="carousel">
      <div class="swiper">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="assets/imgs/index/index-banner.png" alt=""></div>
            <div class="swiper-slide"><img src="assets/imgs/index/index-banner.png" alt=""></div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
      </div>
    </div>
    <!-- 面包屑 -->
    <div class="bread-bar wrap-container">
      <a href="./index.html">首页</a>
      <img class="icon" src="./assets/imgs/bread-right.png" alt="">
      <a href="./share.html">软件运营开发分享</a>
      <img class="icon" src="./assets/imgs/bread-right.png" alt="">
      <a href="javascript:;">陪诊陪护小程序</a>
    </div>
    <!-- 详情内容 -->
    <div class="detail-content">
      <div class="wrap-container">
        <div class="content-wrap">
          <!-- 详情内容替换 -->
          <img src="./assets/imgs/example/list-01.png" alt="">
          <img src="./assets/imgs/example/list-02.png" alt="">
          <img src="./assets/imgs/example/list-03.png" alt="">
        </div>
      </div>
    </div>
    <!-- 底部 footer -->
    <footer class="footer">
      <div class="footer-container">
        <div class="top">
          <div class="com-info">
            <div class="logo"><img src="assets/imgs/logo.png" alt="logo.png"></div>
            <div class="slogan">专业互联网软件解决方案提供商</div>
            <div class="qr-list">
              <div class="qr-item">
                <img src="assets/imgs/index/index-qr-01.png" alt="qr-code.png">
                <p>定制服务</p>
              </div>
              <div class="qr-item">
                <img src="assets/imgs/index/index-qr-02.png" alt="qr-code.png">
                <p>公众号开发</p>
              </div>
              <div class="qr-item">
                <img src="assets/imgs/index/index-qr-03.png" alt="qr-code.png">
                <p>微信小程序</p>
              </div>
              <div class="qr-item">
                <img src="assets/imgs/index/index-qr-04.png" alt="qr-code.png">
                <p>官网制作</p>
              </div>
            </div>
          </div>
          <div class="link-info">
            <div class="link-block link-prod">
              <p class="title">我们的产品</p>
              <a href="">亚克茜电商</a>
              <a href="">社交类小程序</a>
              <a href="">自动化共享空间解决方案</a>
              <a href="">教培类预约管理</a>
            </div>
            <div class="link-block link-nav">
              <p class="title">导航</p>
              <a href="">网站定制开发</a>
              <a href="">小程序定制开发</a>
              <a href="">行业解决方案</a>
              <a href="">技术服务</a>
              <a href="">软件运营开发分享</a>
            </div>
            <div class="link-block">
              <p class="title">联系我们</p>
              <a href="">成都市锦江区喜树街锦江文化创意产业中心2期</a>
              <a href="">18684030581 （周一至周六9:30-18:00）</a>
              <a href="">bd@yakexi.tech</a>
            </div>
          </div>
        </div>
        <div class="bottom">
          <p class="copy">Copyright © 2021 版权所有：成都亚克茜科技有限公司 ALL Rights Reserved</p>
          <p class="gov">网站备案号：<a href="">蜀ICP备20025102号-1</a></p>
        </div>
      </div>
    </footer>
    <script src="assets/swiper-bundle.min.js"></script>
    <script>
      var mySwiper = new Swiper(".swiper", {
        loop: true, // 循环模式选项
        autoplay: true,
        speed: 1500,

        // 如果需要分页器
        pagination: {
          el: ".swiper-pagination",
	        clickable :true,
        },

        // 如果需要前进后退按钮
        navigation: {
          nextEl: ".swiper-button-next",
          prevEl: ".swiper-button-prev",
        },

        // 如果需要滚动条
        scrollbar: {
          el: ".swiper-scrollbar",
        },
      });

      var mediaImgSwiper = new Swiper(".media-img-swiper", {
        loop: true, // 循环模式选项
        // 如果需要前进后退按钮
        navigation: {
          nextEl: ".img-control-left",
          prevEl: ".img-control-right",
        },
      });

      var mediaImgSwiper = new Swiper(".media-img-swiper", {
        loop: true, // 循环模式选项
        // 如果需要前进后退按钮
        navigation: {
          nextEl: ".img-control-left",
          prevEl: ".img-control-right",
        },
      });

      var mediaMiniSwiper = new Swiper(".media-mini-swiper", {
        loop: true, // 循环模式选项
        slidesPerView: 3,
        // spaceBetween: 60,
        // 如果需要前进后退按钮
        navigation: {
          nextEl: ".mini-control-left",
          prevEl: ".mini-control-right",
        },
      });

      // var previewImgSwiper = new Swiper(".preview-img-swiper", {
      //   loop: true, // 循环模式选项
      //   // 如果需要前进后退按钮
      //   navigation: {
      //     nextEl: ".preview-img-left",
      //     prevEl: ".preview-img-right",
      //   },
      // });

      // var previewMiniSwiper = new Swiper(".preview-mini-swiper", {
      //   loop: true, // 循环模式选项
      //   // 如果需要前进后退按钮
      //   navigation: {
      //     nextEl: ".preview-mini-left",
      //     prevEl: ".preview-mini-right",
      //   },
      // });
    </script>
</body>
</html>